<%--
  Created by IntelliJ IDEA.
  User: ASUS
  Date: 2021/8/14
  Time: 15:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>-主界面-</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
    <script src="../layui/layui.js"></script>
    <script src="../../js/jquery-3.1.0.js"></script>
<%--样式部分--%>
    <style>
        body {
            background-color: #eeeeee;
        }

        .layui-row {
            padding: 10px;
            margin: 10px;
            background-color: white;
            border-radius: 5px;
        }

        .layui-col-lg5 {
            border-radius: 10px;
            padding: 20px 10px 10px 10px;
            margin: 10px;
        }

        .layui-col-lg2 {
            padding: 5px;
        }

        .layui-card {
            border: solid #e2e2e2 1px;
            margin-top: 30px;

        }
    </style>
</head>


<body>
<div class="layui-layout layui-layout-admin">

    <%--面包屑--%>
    <div class="layui-row">
        <div class="layui-col-lg12">
                <span class="layui-breadcrumb">
                  <a href="http://localhost/admin/admin.jsp">首页</a>
                </span>
        </div>
    </div>

    <%--顶部空行--%>
    <div class="layui-row" style="height: 10px;"></div>

    <%--左部数据展示--%>
    <div class="layui-col-lg10">
        <%--学生选题信息情况--%>
        <div class="layui-row">
            <div class="layui-col-lg5 layui-bg-red ">
                <div class="layui-col-lg3" style="text-align: center">
                    <i class="layui-icon layui-icon-group" style="font-size: 80px"></i>
                </div>

                <%--选题人数统计--%>
                <div class="layui-col-lg8" style="font-size: 18px;line-height: 50px;text-align: center;">
                    <div class="layui-col-lg12">
                        <input type="hidden" name="stuSum" id="stuSum1">
                        学生总数 <span id="stuSum"></span> 人
                    </div>
                    <div class="layui-col-lg12">
                        <div class="layui-col-lg6">
                            已选题人数 <span id="finishStu"></span> 人
                        </div>
                        <div class="layui-col-lg6">
                            未选题人数 <span id="unFinishStu"></span> 人
                        </div>
                    </div>
                </div>
            </div>
        </div>

            <%--每个进度信息盒子--%>
            <div class="layui-row">


                <%--每个阶段详情--%>
                <div class="layui-col-lg12" style="text-align: center">

                    <%--任务书--%>
                    <div class="layui-col-lg3 ">
                        <div class="layui-card">
                            <div class="layui-card-header" id="assignment">
                                <h3><i class="layui-icon layui-icon-survey"></i>任务书</h3>
                            </div>
                            <div class="layui-card-body">
                                未完成 ： <span id="assignmentNotStart"></span> 人<br>
                                已完成 ： <span id="assignmentFinish"></span> 人<br>
                                完成率 : <span id="assignmentRate"></span> %
                            </div>
                        </div>
                    </div>

                    <%--开题报告--%>
                    <div class="layui-col-lg3 layui-col-lg-offset1">
                        <div class="layui-card">
                            <div class="layui-card-header" id="report">
                                <h3><i class="layui-icon layui-icon-survey"></i>开题报告</h3>
                            </div>
                            <div class="layui-card-body">
                                未完成 ： <span id="reportNotStart"></span> 人<br>
                                已完成 ： <span id="reportFinish"></span> 人<br>
                                完成率 : <span id="reportRate"></span> %
                            </div>
                        </div>
                    </div>

                    <%--中期检查--%>
                    <div class="layui-col-lg3 layui-col-lg-offset1">
                        <div class="layui-card">
                            <div class="layui-card-header" id="medium">
                                <h3><i class="layui-icon layui-icon-survey"></i>中期检查</h3>
                            </div>
                            <div class="layui-card-body">
                                未完成 ： <span id="mediumNotStart"></span> 人<br>
                                已完成 ： <span id="mediumFinish"></span> 人<br>
                                完成率 : <span id="mediumRate"></span> %
                            </div>
                        </div>
                    </div>


                    <%--初稿--%>
                    <div class="layui-col-lg3 ">
                        <div class="layui-card">
                            <div class="layui-card-header" id="firstDraft">
                                <h3><i class="layui-icon layui-icon-survey"></i>论文初稿</h3>
                            </div>
                            <div class="layui-card-body">
                                未完成 ： <span id="firstDraftNotStart"></span> 人<br>
                                已完成 ： <span id="firstDraftFinish"></span> 人<br>
                                完成率 : <span id="firstDraftRate"></span> %
                            </div>
                        </div>
                    </div>

                    <%--定稿--%>
                    <div class="layui-col-lg3 layui-col-lg-offset1">
                        <div class="layui-card">
                            <div class="layui-card-header" id="finalize">
                                <h3><i class="layui-icon layui-icon-survey"></i>论文定稿</h3>
                            </div>
                            <div class="layui-card-body">
                                未完成 ： <span id="finalizeNotStart"></span> 人<br>
                                已完成 ： <span id="finalizeFinish"></span> 人<br>
                                完成率 : <span id="finalizeRate"></span> %
                            </div>
                        </div>
                    </div>

                    <%--终稿--%>
                    <div class="layui-col-lg3 layui-col-lg-offset1">
                        <div class="layui-card">
                            <div class="layui-card-header" id="finalVersion">
                                <h3><i class="layui-icon layui-icon-survey"></i>论文终稿</h3>
                            </div>
                            <div class="layui-card-body">
                                未完成 ： <span id="finalVersionNotStart"></span> 人<br>
                                已完成 ： <span id="finalVersionFinish"></span> 人<br>
                                完成率 : <span id="finalVersionRate"></span> %
                            </div>
                        </div>
                    </div>


                </div>


            </div>
    </div>

    <%--右部时间树--%>
    <div class="layui-col-lg2">
            <div class="layui-row">

                <ul class="layui-timeline">
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis" id="finalVersionTime">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title" id="finalVersionTree"></h3>
                            <p>终稿阶段</p>
                        </div>
                    </li>

                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis" id="finalizeTime">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title" id="finalizeTree"></h3>
                            <p>定稿阶段</p>
                        </div>
                    </li>

                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis" id="firstDraftTime">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title" id="firstDraftTree"></h3>
                            <p>初稿阶段</p>
                        </div>
                    </li>

                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis" id="mediumTime">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title" id="mediumTree"></h3>
                            <p>中期检查阶段</p>
                        </div>
                    </li>

                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis" id="reportTime">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title" id="reportTree"></h3>
                            <p>开题报告阶段</p>
                        </div>
                    </li>

                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis" id="assignmentTime">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title" id="assignmentTree"></h3>
                            <p>任务书阶段</p>
                        </div>
                    </li>
                </ul>

            </div>
    </div>
</div>

</body>
<script src="js/admin.js"></script>
</html>
